<template>
    <el-form :inline="true" label-width="90px">
        <el-form-item label="订单号">
            <el-input placeholder="订单号" v-model="searchForm.orderNo"></el-input>
        </el-form-item>

        <el-form-item label="收货人">
            <el-input placeholder="收货人" v-model="searchForm.consignee"></el-input>
        </el-form-item>

        <el-form-item label="手机号">
            <el-input placeholder="手机号" v-model="searchForm.phone"></el-input>
        </el-form-item>

        <el-form-item label="订单状态">
            <el-select placeholder="订单状态" v-model="searchForm.orderState">
            <el-option label="已受理" value="已受理"></el-option>
            <el-option label="派送中" value="派送中"></el-option>
            <el-option label="已完成" value="已完成"></el-option>
            </el-select>
        </el-form-item>

        <el-form-item label="选择时间">
            <el-date-picker
            v-model="searchForm.date"
            type="datetimerange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            value-format="yyyy-mm-dd HH:mm:ss">
            </el-date-picker>
    </el-form-item>
    <el-form-item>
        <el-button type="primary" @click="Submit">查询</el-button>
    </el-form-item>
    </el-form>


</template>

<script>
export default {
  data() {
    return {
      searchForm: {}
    };
  },
  methods: {
    Submit() {
      console.log(this.searchForm);
    }
  }
};
</script>

<style scoped>
</style>